<b-dropdown margin="15" style="margin-right: 10px;">
  <b-button>Hover me!</b-button>
  <div slot="drop" style="width: 380px; padding: 10px; box-sizing: border-box; background: #ccc;">
    <b-menu-item>Option 1</b-menu-item>
    <b-menu-item>Option 2</b-menu-item>
    <b-divider></b-divider>
    <b-menu-item>Option A</b-menu-item>
    <b-menu-item>Option B</b-menu-item>
  </div>
  <div style="position: absolute; width: 12px; height: 12px; background-color: #ccc; z-index: -1;" class="arrow"
    slot="arrow"></div>
</b-dropdown>

<b-dropdown margin="15" placement="topRight">
  <b-button>topRight</b-button>
  <div slot="drop" style="width: 600px; background: #ccc;">
    <b-menu-item>Option 1</b-menu-item>
    <b-menu-item>Option 2</b-menu-item>
    <b-divider></b-divider>
    <b-menu-item>Option A</b-menu-item>
    <b-menu-item>Option B</b-menu-item>
  </div>
  <div style="position: absolute; width: 12px; height: 12px; background-color: #ccc; z-index: -1;" class="arrow"
    slot="arrow"></div>
</b-dropdown>